<!--
 * @Description: 第二十五章（TSX & vite插件） TSX
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-18 18:00:19
-->
<template>
  <div>
    <h1>第二十五章（TSX & vite插件）</h1>
    <div>
      <h2>TSX直接返回一个渲染函数</h2>
      <div>
        <tsx1_1></tsx1_1>
      </div>
    </div>
    <hr />
    <div>
      <h2>TSX使用optionAPI返回</h2>
      <div>
        <tsx1_2></tsx1_2>
      </div>
    </div>
    <hr />
    <div>
      <h2>TSX直接返回一个渲染函数</h2>
      <div>
        <tsx1_3 @on-click="getItem" name="tsx1_3 props"></tsx1_3>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import tsx1_1 from './1-1.tsx'
import tsx1_2 from './1-2.tsx'
import tsx1_3 from './1-3.tsx'

const getItem = (item: any) => {
  console.log('我是父组件，收到1-3.tsx的item: ', item)
}
</script>
<style scoped>
h1,
h2,
h3,
hr {
  margin: 10px 0;
}
</style>
